<template>
  <div id="main">
    <!-- 父组件传递值给子组件 -->
    <Header title="喵喵电影" />
    <div id="content">
      <div class="cinema_menu">
        <div class="city_switch">
          全城
          <i class="iconfont icon-lower-triangle"></i>
        </div>
        <div class="brand_swtich">
          品牌
          <i class="iconfont icon-lower-triangle"></i>
        </div>
        <div class="feature_switch">
          特色
          <i class="iconfont icon-lower-triangle"></i>
        </div>
      </div>
      <!-- 使用二级二路由的话这个定义 -->
      <ci-list></ci-list>
    </div>
    <tab-bar></tab-bar>
  </div>
</template>

<script>
import Header from "components/Header";
import TabBar from "components/TabBar";
import CiList from "components/CiList";
export default {
  name: "Cinema",
  components: {
    Header,
    TabBar,
    CiList
  },
};
</script>

<style scoped>
</style>